<template>
	<view>
		<view class="title">消耗材料</view>
		
		<view class="v1">
			<view class="v4">
				<image class="i1" src="../../static/rk.svg"></image>
				<button class="b1" @click="jldj">进料登记</button>
			</view>
			<view class="v4">
				<image class="i1" src="../../static/ck.svg"></image>
				<button class="b1">出料登记</button>
			</view>
			<view class="v4">
				<image class="i1" src="../../static/tk.svg"></image>
				<button class="b1" >退料登记</button>
			</view>
			
			<!-- <button class="b1">出料登记</button>
			<button class="b1">退料登记</button> -->
		</view>
		
		<view class="v3">
			<view class="v2">
				<view style="color: #00b2ff;">0.00</view>
				<view>今日进料</view>
			</view>
			<view class="v2">
				<view style="color: #00b2ff;">0.00</view>
				<view>今日发料</view>
			</view>
			<view class="v2">
				<view style="color: #00b2ff;">0.00</view>
				<view>今日退料</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			jldj(){
				console.log("点击了进料登记")
				uni.navigateTo({
				    url: '../jldj/jldj'
				});
			}
		}
	}
</script>

<style>
page{
  background: #f8f8f8;
}
.title {
	text-shadow: 0.1em 0.1em 0.2em #90b6b7;
	/* font-style:oblique; */
	font-weight: bold;
	text-align: center;
	
	padding: 100rpx 0rpx 0rpx 0rpx;
	font-size: 54rpx;
}
.i1{
	padding-left: 30rpx;
	position: inherit;
	width: 170rpx;
	height: 170rpx;
}
.v1{
	-moz-box-shadow:0 0 10px #06c;
	-webkit-box-shadow:0 0 10px #06c;
	box-shadow:0 0 10px #06c;
	display: flex;
	flex-direction: row;
	
	margin: 120rpx 20rpx 0rpx 20rpx;
}
.v4{
	width: 237rpx;
	
	
}
.b1{
	
	font-size: 30rpx;
	width: 200rpx;
	margin-top: 20rpx;
	margin-bottom: 30rpx;
	background-color: #90B6B8;
}
.v2{
	width: 236rpx;
	height: 50rpx;
	margin-top: 30rpx;
	font-size: 40rpx;
	text-align: center;
	
}
.v3{
	-moz-box-shadow:0 0 10px #06c;
	-webkit-box-shadow:0 0 10px #06c;
	box-shadow:0 0 10px #06c;
	display: flex;
	flex-direction: row;
	
	margin: 60rpx 20rpx 0rpx 20rpx;
	height: 150rpx;
}
</style>
